{extend name="base@:style" /}
{block name="body"}
<div class="container-fluid larry-wrapper">
    <!--顶部统计数据预览 -->
    <div class="row">
        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-blue"> <i class="iconfont">&#xe672;</i>
                </div>
                <div class="value tab-menu">
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"><i class="iconfont " data-icon='&#xe672;'></i>
                        <h1>10</h1>
                    </a>
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe672;'></i><span>模拟统计</span></a>
                </div>
            </section>
        </div>
        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-commred"> <i class="iconfont">&#xe674;</i>
                </div>
                <div class="value tab-menu">
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe674;'></i>
                        <h1>10</h1>
                    </a>

                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe674;'></i><span>模拟统计</span></a>

                </div>
            </section>
        </div>

        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-dark-green"> <i class="iconfont">&#xe6bc;</i>
                </div>
                <div class="value tab-menu">
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe6bc;'></i>
                        <h1>10</h1>
                    </a>
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe6bc;'></i><span>模拟统计</span></a>
                </div>
            </section>
        </div>

        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-yellow-green"> <i class="iconfont">&#xe649;</i>
                </div>
                <div class="value tab-menu">
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe649;'></i>
                        <h1>10</h1>
                    </a>
                    <a href="javascript:;" data-url="/system/index/main/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe649;'></i><span>模拟统计</span></a>
                </div>
            </section>
        </div>

        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-orange"> <i class="iconfont">&#xe638;</i>
                </div>
                <div class="value tab-menu">
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe638;'></i>
                        <h1>10</h1>
                    </a>
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe638;'></i><span>模拟统计</span></a>
                </div>
            </section>
        </div>

        <div class="col-xs-6 col-sm-4 col-md-2">
            <section class="panel">
                <div class="symbol bgcolor-yellow"> <i class="iconfont">&#xe669;</i>
                </div>
                <div class="value tab-menu">
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe669;'></i>
                        <h1>10</h1>
                    </a>
                    <a href="javascript:;" data-url="/system/index/main" data-parent="true" data-title="模拟统计"> <i class="iconfont " data-icon='&#xe669;'></i><span>模拟统计</span></a>
                </div>
            </section>
        </div>

    </div>

    <div class="row">
        <div class="col-xs-12 col-md-6">
            <section class="panel">
                <div class="panel-heading">
                    MiniThink
                    <a href="javascript:;" class="pull-right panel-toggle"><i class="iconfont">&#xe604;</i></a>
                </div>
                <div class="panel-body">
                    <table class="layui-table">
                        <tbody>
                        <tr>
                            <td>
                                <strong>框架名称</strong>：

                            </td>
                            <td>
                                miniThink
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>miniThink版本</strong>：

                            </td>
                            <td>
                                V1.0.0_beta
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>Thinkphp版本</strong>：

                            </td>
                            <td>
                                V{$Think.version}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>开发作者</strong>：

                            </td>
                            <td>Chuxini</td>
                        </tr>
                        <tr>
                            <td>
                                <strong>公司官网</strong>：
                            </td>
                            <td>
                                <a href="http://www.jiruitech.com" target="_blank">湖南极睿信息科技有限公司</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </section>
            <section class="panel log">
                <div class="panel-heading">
                    更新日志
                    <a href="javascript:;" class="pull-right panel-toggle"><i class="iconfont">&#xe604;</i></a>
                </div>
                <div class="panel-body">
                    <h2>miniThink_v1.0.0_beta  (2017-05-06) </h2>
                    <ul>
                        <li> 发布1.0.0测试版</li>
                    </ul>
                    <p>更多帮助文档请移步到 <a href="http://www.kancloud.cn/chuxini/minithink" target="_blank" class="layui-btn layui-btn-small">开发手册</a></p>
                </div>
            </section>
        </div>
        <div class="col-xs-12 col-md-6">
            <section class="panel">
                <div class="panel-heading">
                    通知公告
                    <a href="javascript:;" class="pull-right panel-toggle"><i class="iconfont">&#xe604;</i></a>
                </div>
                <div class="panel-body">
                    <i class="iconfont">&#xe62d;</i>
                    {$Think.config.system_notify}
                </div>
            </section>

            <section class="panel">
                <div class="panel-heading">
                    数据统计
                    <a href="javascript:;" class="pull-right panel-toggle"><i class="iconfont">&#xe604;</i></a>
                </div>
                <div class="panel-body">
                    <div class="echarts" id="echarts"></div>
                </div>
            </section>
        </div>
    </div>
</div>

{/block}
{block name="js"}
<script>
    layui.use(['main', 'echart']);
</script>
{/block}
